<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
    a:link, a:visited {
    display: block;
    font-weight: bold;
    color: #ffffff;
    background-color: sandybrown;
    width: 120px;
    text-align: center;
    padding: 4px;
    text-decoration: none;}
    a:hover, a:active
    {
    background-color: indianred;
    }
    html, body,*{
          margin: 0;
          padding: 0;
            }
            body {
                overflow-y: hidden;
            }
            .top {
                position: fixed;
                width: 100%;
                height: 60px;
            }
            .body-box {
                position: absolute;
                margin-top: 60px;
                width: 100%;
                height: calc(100vh - 60px);
                display: flex;
            }
            .left-nav {
                width: 300px;
                height: 100%;
                 margin-left: 10px;
            }
            .right-content {
                width: calc(100vw - 300px - 50px);
                height: 100%;
                margin-left: 100px;
                overflow-y: auto;
            }
</style>
</head>
<body background="static/imgs/bjing.jpg">
    <li style="display:inline-block;">
    <a href="/with">film</a>
    </li>
    <li style="display:inline-block;">
        <a href="/ww">city</a>
    </li>
    <li style="display:inline-block;">
        <a href="/mm">eat</a>
    </li>
<p>
    <h1 align="center">欢迎访问</h1>
</p>
    <div class="body-box">
<div class="left-nav">
    <img src="static/imgs/截图.jpg" alt="" width=100% height=45%>
</div>
<div class="right-content"><br><br><br> <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;我是杜欣悦，本人诚实守信，乐观开朗，沟通本事强，肯学习，学习和动手本事强，吃苦耐劳，</p><p>进取向上，稳重踏实，职责心强，有主见，组织管理本事佳，团体意识强，能协助他人并自我独立</p><p>处理问题，态度认真，富于创新精神，能运用自我所学的基础知识和工作中的不断探索和学习，锻</p>炼自我的本事。其他的不多说了。</div>
    </div>
</body>
</html>